<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%--
  Created by IntelliJ IDEA.
  User: haocongshun
  Date: 2016/10/14
  Time: 15:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <meta charset="gb2312">
    <title>黑色Html5响应式个人博客模板――主题《如影随形》</title>
    <meta name="keywords" content="个人博客模板,博客模板,响应式" />
    <meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
    <link href="${CTPATH}/css/base.css" rel="stylesheet">
    <link href="${CTPATH}/css/style.css" rel="stylesheet">
    <link href="${CTPATH}/css/media.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <!--[if lt IE 9]>
    <script src="${CTPATH}/js/modernizr.js"></script>
    <![endif]-->
   <script src="/static/js/jquery.min.js"></script>
</head>
<body>
<div class="ibody">
    <header>
        <h1>如影随形</h1>
        <h2>影子是一个会撒谎的精灵，它在虚空中流浪和等待被发现之间;在存在与不存在之间....</h2>
        <div class="logo"><a href="${URLIndex}"></a></div>
        <nav id="topnav">
            <a href="${URLIndex}">首页</a>
            <a href="${URLUser}">关于我</a>
            <c:forEach items="${menus}" var="menu">
                <a href="${menu.url}">${menu.title}</a>
            </c:forEach>
        </nav>
    </header>
    <article id="mycontent">
        <h2 class="about_h">您现在的位置是：<a href="${URLIndex}">首页</a>><a href="/">慢生活</a></h2>
        <div class="bloglist">
            <c:forEach items="${contentsTax}" var="content">
                <div class="newblog">
                    <ul>
                        <h3><a href="${content.url}">${content.title}</a></h3>
                        <div class="autor">
                            <span>作者：${content.author}</span>
                            <span>分类：
                                 <c:forEach var="taxonomy" items="${content.taxonomys}">
                                     [<a href="${taxonomy.key}">${taxonomy.value}</a>]
                                 </c:forEach>
                            </span>
                            <span>浏览（${content.watched}）</span>
                        </div>
                            ${content.summary}
                            <a href="${content.url}" target="_blank" class="readmore">全文</a></p>
                    </ul>
                    <figure><img src="${content.thumbnail}" ></figure>
                    <div class="dateview">${fn:substring(content.modifiedDate,0,10)}</div>
                </div>
            </c:forEach>
        </div>
        <div class="page">
            <c:forEach items="${pages}" var="page">
                <c:if test="${page.status eq 'active'}">
                    <b>${page.num}</b>
                </c:if>
                <c:if test="${empty page.status}">
                    <a href="${page.url}" class="${page.status}">${page.num}</a>
                </c:if>
            </c:forEach>
        </div>
    </article>
    <aside>
        <div class="rnav">
            <li class="rnav1 "><a href="/">日记</a></li>
            <li class="rnav2 "><a href="/">欣赏</a></li>
            <li class="rnav3 "><a href="/">程序人生</a></li>
            <li class="rnav4 "><a href="/">经典语录</a></li>
        </div>
        <div class="ph_news">
            <h2>
                <p>点击排行</p>
            </h2>
            <ul class="ph_n">
                <c:forEach items="${contentsTop10}" var="content" varStatus="ci">
                    <c:if test="${ci.index < 3 }">
                        <li><span class="num${ci.index+1}">${ci.index+1}</span><a href="${content.url}">${content.title}</a></li>
                    </c:if>
                    <c:if test="${ci.index > 2 }">
                        <li><span>${ci.index+1}</span><a href="${content.url}">${content.title}</a></li>
                    </c:if>
                </c:forEach>
            </ul>
            <h2>
                <p>栏目推荐</p>
            </h2>
            <ul>
                <c:forEach items="${contentsRecommend}" var="content" >
                    <li><a href="${content.url}">${content.title}</a></li>
                </c:forEach>
            </ul>
            <%--<h2>--%>
                <%--<p>最新评论</p>--%>
            <%--</h2>--%>
            <%--<ul class="pl_n">--%>
                <%--<dl>--%>
                    <%--<dt><img src="images/s8.jpg"> </dt>--%>
                    <%--<dt> </dt>--%>
                    <%--<dd>DanceSmile--%>
                        <%--<time>49分钟前</time>--%>
                    <%--</dd>--%>
                    <%--<dd><a href="/">文章非常详细，我很喜欢.前端的工程师很少，我记得几年前yahoo花高薪招聘前端也招不到</a></dd>--%>
                <%--</dl>--%>
                <%--<dl>--%>
                    <%--<dt><img src="images/s7.jpg"> </dt>--%>
                    <%--<dt> </dt>--%>
                    <%--<dd>yisa--%>
                        <%--<time>2小时前</time>--%>
                    <%--</dd>--%>
                    <%--<dd><a href="/">我手机里面也有这样一个号码存在</a></dd>--%>
                <%--</dl>--%>
                <%--<dl>--%>
                    <%--<dt><img src="images/s6.jpg"> </dt>--%>
                    <%--<dt> </dt>--%>
                    <%--<dd>小林博客--%>
                        <%--<time>8月7日</time>--%>
                    <%--</dd>--%>
                    <%--<dd><a href="/">博客色彩丰富，很是好看</a></dd>--%>
                <%--</dl>--%>
                <%--<dl>--%>
                    <%--<dt><img src="images/003.jpg"> </dt>--%>
                    <%--<dt> </dt>--%>
                    <%--<dd>DanceSmile--%>
                        <%--<time>49分钟前</time>--%>
                    <%--</dd>--%>
                    <%--<dd><a href="/">文章非常详细，我很喜欢.前端的工程师很少，我记得几年前yahoo花高薪招聘前端也招不到</a></dd>--%>
                <%--</dl>--%>
                <%--<dl>--%>
                    <%--<dt><img src="images/002.jpg"> </dt>--%>
                    <%--<dt> </dt>--%>
                    <%--<dd>yisa--%>
                        <%--<time>2小时前</time>--%>
                    <%--</dd>--%>
                    <%--<dd><a href="/">我手机里面也有这样一个号码存在</a></dd>--%>
                <%--</dl>--%>
            <%--</ul>--%>
            <%--<h2>--%>
                <%--<p>最近访客</p>--%>
                <%--<ul>--%>
                    <%--<img src="images/vis.jpg"><!-- 直接使用“多说”插件的调用代码 -->--%>
                <%--</ul>--%>
            <%--</h2>--%>
        </div>
        <div class="copyright">
            <ul>
                <p> Design by <a href="/">DanceSmile</a></p>
                <p>蜀ICP备11002373号-1</p>
                </p>
            </ul>
        </div>
    </aside>
    <script src="${CTPATH}/js/silder.js"></script>
    <div class="clear"></div>
    <!-- 清除浮动 -->
</div>
</body>
</html>
